﻿<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <link rel="stylesheet" th:href="@{/css/style.css}" />
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="profile" href="../gmpg.org/xfn/11" />
    <title>Getting Started &#8211; KnowAll</title>
    <link rel='dns-prefetch' href='/d3ijh37r9qzozj.cloudfront.net' />
    <link rel='dns-prefetch' href='/fonts.googleapis.com' />
    <link rel='dns-prefetch' href='/s.w.org' />
    <link rel="alternate" type="application/rss+xml" title="KnowAll &raquo; Feed" href="knowall/feed/" />
    <link rel="alternate" type="application/rss+xml" title="KnowAll &raquo; Comments Feed" href="knowall/comments/feed/" />
    <link rel="alternate" type="application/rss+xml" title="KnowAll &raquo; Getting Started Article Category Feed" href="knowall/article-categories/getting-started/feed/" />
    <style type="text/css">
    img.wp-smiley,
    img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 .07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important
    }
    </style>
    <link rel='stylesheet' id='ht-theme-style-css' th:href="@{/css/style.css}" />
    <style id='ht-theme-style-inline-css' type='text/css'>
    .site-header {
        background-color: #00b4b3
    }
    
    .site-header {
        background-image: url("../d3ijh37r9qzozj.cloudfront.net/knowall/wp-content/uploads/sites/23/2016/03/knowall-headoverlay2.png");
        background-size: inherit;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top
    }
    
    .ht-container,
    .ht-sitecontainer--boxed {
        max-width: widepx
    }
    
    .hkb-category {
        border-bottom: 1px solid #e6e6e6
    }
    
    .hkb_widget_toc ol li.active>a {
        background: rgba( 0, 180, 179, 0.8)
    }
    </style>
    <link rel='stylesheet' id='kirki-styles-ht_theme-css' th:href="@{/css/style.css}" />
    <style id='kirki-styles-ht_theme-inline-css' type='text/css'>
    a {
        color: #00b4b3
    }
    
    button,
    input[type="reset"],
    input[type="submit"],
    input[type="button"],
    .hkb-article__content ol li:before,
    .hkb-article__content ul li:before,
    .hkb_widget_exit__btn {
        background: #00b4b3
    }
    
    .hkb-breadcrumbs__icon {
        fill: #00b4b3
    }
    
    .hkb-article__title a:hover,
    .ht-post__title a:hover {
        color: #00b4b3
    }
    
    .hkb-article-attachment__icon {
        fill: #00b4b3
    }
    
    a:hover {
        color: #00a8a8
    }
    
    button:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    input[type="button"]:hover,
    .ht-transferbox__btn:hover {
        background: #00a8a8
    }
    
    .ht-container {
        max-width: 1000px
    }
    
    .ht-sitecontainer--boxed {
        max-width: 1000px
    }
    
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-weight: 700;
        color: #333
    }
    
    body {
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 17px;
        line-height: 1.55;
        color: #595959
    }
    </style>
    <style type="text/css" id="wp-custom-css">
    [post-content id=74 shortcodes=true show_excerpt=true]
    </style>
</head>

<body class="archive tax-ht_kb_category term-getting-started term-3 ht-kb">
    <div class="ht-sitecontainer ht-sitecontainer--wide">
        <div class="ht-pageheader">
            <div class="ht-container">
                <div class="hkb-breadcrumbs_wrap">
                    <ol class="hkb-breadcrumbs">
                        <li >
                            <a href="knowall"> <span> 返回</span>
                            </a>
                        </li>
                    </ol>
                </div>
                <form class="hkb-site-search" method="get" action="http://demo.herothemes.com/knowall/">
                    <label class="hkb-screen-reader-text" for="hkb-search">Search For</label>
                    <input id="hkb-search" class="hkb-site-search__field" type="text" th:value="${keywords}"  placeholder="查询" name="s" autocomplete="off"/>
                    <img class="hkb-site-search__loader" th:src="@{/img/loading.svg}" alt="Searching..."/>
                    <input type="hidden" name="ht-kb-search" value="1"/>
                    <button class="hkb-site-search__button" type="submit"><span>Search</span></button>
                </form>
            </div>
        </div>
        <div class="ht-page ht-page--sidebarright">
            <div class="ht-container">
                <div class="ht-page__content">
                    <div class="ht-categoryheader"> <img th:src="@{/img/04-1.png}" src="img/04-1.png" class="hkb-category__icon" alt="搜索结果" />
                        <h1 class="ht-categoryheader__title"> 搜索结果 </h1> </div>
                    <ul class="ht-articlelist">
                        <li th:each="items:${list}">
                            <article  class="hkb-articlemini">
                                <h2 class="hkb-article__title"> <a th:text="${items.title}" href="#"> </a></h2>
                                <div class="hkb-article__excerpt" th:text="${items.content}"></div>
                            </article>
                        </li>

                    </ul>
                    <div class="ht-pagination"> <span class="ht-pagination__next"><a href="knowall/article-categories/getting-started/page/2/" >Next</a></span></div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>